<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="description" content="Magz is a HTML5 & CSS3 magazine template is based on Bootstrap 3.">
		
		<meta name="keyword" content="magz, html5, css3, template, magazine template">
		
		<title>Magz &mdash; Responsive HTML5 &amp; CSS3 Magazine Template</title>
		<!-- Bootstrap -->
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
		<!-- IonIcons -->
		<link rel="stylesheet" href="scripts/ionicons/css/ionicons.min.css">
		<!-- Toast -->
		<link rel="stylesheet" href="scripts/toast/jquery.toast.min.css">
		<!-- OwlCarousel -->
		<link rel="stylesheet" href="scripts/owlcarousel/dist/assets/owl.carousel.min.css">
		<link rel="stylesheet" href="scripts/owlcarousel/dist/assets/owl.theme.default.min.css">
		<!-- Magnific Popup -->
		<link rel="stylesheet" href="scripts/magnific-popup/dist/magnific-popup.css">
		<link rel="stylesheet" href="scripts/sweetalert/dist/sweetalert.css">
		<!-- Custom style -->
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/skins/all.css">
		<link rel="stylesheet" href="css/demo.css">
	</head>

	<body>
		<header class="primary">
			<div class="firstbar">
				<div class="container">
					<div class="row">
						<div class="col-md-3 col-sm-12">
							<div class="brand">
								<a href="index.html">
									<img src="images/logo.png" alt="Magz Logo">
								</a>
							</div>						
						</div>
						<div class="col-md-6 col-sm-12">
							<form class="search" autocomplete="off">
								<div class="form-group">
									<div class="input-group">
										<input type="text" name="q" class="form-control" placeholder="搜索">									
										<div class="input-group-btn">
											<button class="btn btn-primary"><i class="ion-search"></i></button>
										</div>
									</div>
								</div>
								<div class="help-block">
									<div>热门推荐:</div>
									<ul>
										<li><a href="">待更新 </a></li>
										<li><a href="">待更新   </a></li>
										<li><a href="">待更新 </a></li>
										<li><a href="">待更新 </a></li>
									</ul>
								</div>
							</form>								
						</div>
						<div class="col-md-3 col-sm-12 text-right">
										<ul class="nav-icons">
											<li><a href="register.html"><i class="ion-person-add"></i>
													<div>注册</div>
												</a></li>
											<li><a href="login.html"><i class="ion-person"></i>
													<div>登陆</div>
												</a></li>
										</ul>
									</div>
								</div>
							</div>
						</div>
						
						<!-- Start nav -->
						<nav class="menu">
							<div class="container">
								<div class="brand">
									<a href="#">
										<img src="images/logo.png" alt="Magz Logo">
									</a>
								</div>
								<div class="mobile-toggle">
									<a href="#" data-toggle="menu" data-target="#menu-list"><i class="ion-navicon-round"></i></a>
								</div>
								<div class="mobile-toggle">
									<a href="#" data-toggle="sidebar" data-target="#sidebar"><i class="ion-ios-arrow-left"></i></a>
								</div>
								<div id="menu-list">
									<ul class="nav-list">
										<li class="for-tablet nav-title"><a>导航</a></li>
										<li class="for-tablet"><a href="login.html">登录</a></li>
										<li class="for-tablet"><a href="register.html">注册</a></li>
										<li>
											<a href="home.html">首页</a>
											<ul class="dropdown-menu">
												<li><a href="category_1.html"><i class="icon ion-person"></i>资讯推荐</a></li>
												<li><a href="category_2.html"><i class="icon ion-heart"></i>交通安全</a></li>
											</ul>
										</li>
										<li class="dropdown magz-dropdown">
											<a href="category.html">考试学习<i class="ion-ios-arrow-right"></i></a>
											<ul class="dropdown-menu">
												<li><a href=""><i class="icon ion-person"></i>驾考宝典</a></li>
												<li><a href=""><i class="icon ion-heart"></i>贝元驾考</a></li>
												<li><a href=""><i class="icon ion-chatbox"></i>驾校一点通</a></li>
												<li><a href=""><i class="icon ion-ionic"></i>车轮驾考通</a></li>
											</ul>
										</li>
										<li class="dropdown magz-dropdown">
											<a href="#">信息查询<i class="ion-ios-arrow-right"></i></a>
											<ul class="dropdown-menu">
												<li><a href=""><i class="icon ion-person"></i>招生咨询</a></li>
												<li><a href=""><i class="icon ion-heart"></i>驾校简章</a></li>
												<li><a href=""><i class="icon ion-chatbox"></i>联系系统</a></li>
											</ul>
										</li>
										<li class="dropdown magz-dropdown">
											<a href="#">驾校信息<i class="ion-ios-arrow-right"></i></a>
											<ul class="dropdown-menu">
												<li><a href="#"><i class="icon ion-person"></i>科目考试时间查询</a></li>
												<li><a href="#"><i class="icon ion-heart"></i> 各种驾校信息查询</a></li>
												<li><a href="#"><i class="icon ion-chatbox"></i>自动预约系统</a></li>
											</ul>
										</li>
										<li class="dropdown magz-dropdown">
											<a href="#">数据统计<i class="ion-ios-arrow-right"></i></a>
											<ul class="dropdown-menu">
												<li><a href="#"><i class="icon ion-person"></i>驾校数据分析</a></li>
												<li><a href="#"><i class="icon ion-heart"></i> 评论数据统计</a></li>
												<li><a href="#"><i class="icon ion-chatbox"></i>自动预约系统</a></li>
												<li><a href="#"><i class="icon ion-chatbox"></i>数据统计图</a></li>
						
											</ul>
										</li>
										<li class="dropdown magz-dropdown">
											<a href="#">评论评价<i class="ion-ios-arrow-right"></i></a>
											<ul class="dropdown-menu">
												<li><a href="#"><i class="icon ion-person"></i>学员留言</a></li>
												<li><a href="#"><i class="icon ion-heart"></i> 非学员咨询留言</a></li>
												<li><a href="#"><i class="icon ion-chatbox"></i>交流平台</a></li>
											</ul>
										</li>
										<li class="dropdown magz-dropdown"><a href="#">个人信息<i class="ion-ios-arrow-right"></i></a>
											<ul class="dropdown-menu">
												<li><a href="#"><i class="icon ion-person"></i> 我的信息</a></li>
												<li><a href="#"><i class="icon ion-heart"></i> 收藏</a></li>
												<li><a href="#"><i class="icon ion-chatbox"></i> 评论</a></li>
												<li><a href="#"><i class="icon ion-key"></i> 修改密码</a></li>
												<li><a href="#"><i class="icon ion-settings"></i> 设置</a></li>
												<li class="divider"></li>
												<li><a href="#"><i class="icon ion-log-out"></i> 退出登陆</a></li>
											</ul>
										</li>
									</ul>
								</div>
							</div>
						</nav>
			<!-- End nav -->
		</header>

		<section class="not-found">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="code">
							503
						</div>
						<h1>Service Unavailable</h1>
						<p class="lead">we're doing maintenance, come back later.</p>
						<div class="search-form">							
							<form>
								<div class="form-group">
									<div class="input-group">
										<input type="text" name="q" class="form-control" placeholder="Type something ...">
										<div class="input-group-btn">
											<button class="btn btn-primary">Search</button>
										</div>
									</div>
								</div>
							</form>								
							<div class="link">
								or <a href="index.html">back to home</a>.
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- Start footer -->
		<footer class="footer">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-6 col-xs-12">
						<div class="block">
							<h1 class="block-title">团队信息</h1>
							<div class="block-body">
								<figure class="foot-logo">
									<img src="images/logo-light.png" class="img-responsive" alt="Logo">
								</figure>
								<p class="brand-description">
									我们成立于。。。。
								</p>
								<a href="page.html" class="btn btn-magz white">关于我们<i class="ion-ios-arrow-thin-right"></i></a>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-12">
						<div class="block">
							<h1 class="block-title">热门信息 <div class="right"><a href="#">查看全部<i class="ion-ios-arrow-thin-right"></i></a></div>
							</h1>
							<div class="block-body">
								<ul class="tags">
									<li><a href="#">数据统计</a></li>
									<li><a href="#">驾校简介</a></li>
									<li><a href="#">招生咨询</a></li>
								</ul>
							</div>
						</div>
						<div class="line"></div>
						<div class="block">
							<h1 class="block-title">时事通信</h1>
							<div class="block-body">
								<p>通过订阅，您将在电子邮件中收到新文章。</p>
								<form class="newsletter">
									<div class="input-group">
										<div class="input-group-addon">
											<i class="ion-ios-email-outline"></i>
										</div>
										<input type="email" class="form-control email" placeholder="邮箱号：">
									</div>
									<button class="btn btn-primary btn-block white">订阅</button>
								</form>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 col-xs-12">
						<div class="block">
							<h1 class="block-title">最新消息</h1>
							<div class="block-body">
								<article class="article-mini">
									<div class="inner">
										<figure>
											<a href="single.html">
												<img src="images/news/img12.jpg" alt="Sample Article">
											</a>
										</figure>
										<div class="padding">
											<h1><a href="single.html">Donec consequat lorem quis augue pharetra</a></h1>
										</div>
									</div>
								</article>
								<article class="article-mini">
									<div class="inner">
										<figure>
											<a href="single.html">
												<img src="images/news/img14.jpg" alt="Sample Article">
											</a>
										</figure>
										<div class="padding">
											<h1><a href="single.html">eu dapibus risus aliquam etiam ut venenatis</a></h1>
										</div>
									</div>
								</article>
								<a href="#" class="btn btn-magz white btn-block">返回顶部 <i class="ion-ios-arrow-thin-right"></i></a>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-xs-12 col-sm-6">
						<div class="block">
							<h1 class="block-title">联系我们</h1>
							<div class="block-body">
								<p>关注我们并保持联系以获取最新消息</p>
								<ul class="social trp">
		
									<li>
										<a href="#" class="twitter">
											<svg>
												<rect width="0" height="0" /></svg>
											<i class="ion-social-twitter-outline"></i>
										</a>
									</li>
									<li>
										<a href="#" class="youtube">
											<svg>
												<rect width="0" height="0" /></svg>
											<i class="ion-social-youtube-outline"></i>
										</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="line"></div>
						<div class="block">
							<div class="block-body no-margin">
								<ul class="footer-nav-horizontal">
									<li><a href="index.html">首页</a></li>
									<li><a href="#">我们的团队</a></li>
									<li><a href="contact.html">信息反馈</a></li>
									<li><a href="page.html">关于我们</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12">
						<div class="copyright">
							版权所有&copy;学车通网站<br>地址：广西河池市河池学院 邮编：546300 备案号：桂ICP备XXX号 桂公网安备XXX号
		
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!-- End Footer -->

		<!-- JS -->
		<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<script src="js/jquery.migrate.js"></script>
		<script src="scripts/bootstrap/bootstrap.min.js"></script>
		<script>var $target_end=$(".best-of-the-week");</script>
		<script src="scripts/jquery-number/jquery.number.min.js"></script>
		<script src="scripts/owlcarousel/dist/owl.carousel.min.js"></script>
		<script src="scripts/magnific-popup/dist/jquery.magnific-popup.min.js"></script>
		<script src="scripts/easescroll/jquery.easeScroll.js"></script>
		<script src="scripts/sweetalert/dist/sweetalert.min.js"></script>
		<script src="scripts/toast/jquery.toast.min.js"></script>
		<script src="js/demo.js"></script>
		<script src="js/e-magz.js"></script>
	</body>
</html>